/*
 * @Descripttion: 
 * @version: 
 * @Author: 张敬坤
 * @Date: 2024-07-06 09:56:37
 * @LastEditors: Jikel
 * @LastEditTime: 2024-10-27 19:18:34
 */
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'

import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    Components({
      resolvers: [
        AntDesignVueResolver({
          importStyle: false, // css in js
        }),
      ],
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  // server: {
  //   port: 8080, // 开发环境端口--仅需要满足防火墙配置端口范围即可
  //   host: true, // vite开发服务器可以监听所有可用的网络接口
  //   open: true, // 开发服务启动,自动打开浏览器加载项目
  //   proxy: {
  //     // https://cn.vitejs.dev/config/#server-proxy
  //     "/api": { // 带/api的接口都会发送到目标服务器
  //       target: "https://heimahr.itheima.net", // 目标服务器地址
  //       changeOrigin: true, //控制请求头的Origin字段,对于需要某些验证来源的后端API有用
  //       // rewrite: (p) => p.replace(/^\/api/, ""), // 重写路径如果你向 /api/users 发送请求，经过重写后会转发到 https://xxxxxx'xxx/users。
  //     },
  //   },
  // },
  css: {
    preprocessorOptions: {
      scss: {
        // 自动导入scss文件
        additionalData: `
          @use "@/styles/var.scss" as *;
        `,
      }
    }
  }
})
